<template>
  <div class="DashBoard" style="height:100%">


    <iframe
        src="https://apps.ce.bktencent.com/bk-vision/embed/?uid=3YRpfZHMprC4JKRqaEEZzW&bk_app_id=&bk_app_list=['exp2-fht-0608']&name=&show_copyright=True&watermark=True&time_readonly=False&show_time=True&show_refresh=True&start_time=now/d&end_time=now/d&preview=False&hide_toolbox=False&hide_filter=False&panels=&refresh=False"
        style="height: 100%;width: 100%;border: 1px solid rgb(220, 222, 229);">
    </iframe>


  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      initDateTime: new Date(),
    };
  },
  created() {
  },
  methods: {
  },
};
</script>

<style scoped>
.DashBoard {
  min-height: 100vh;
  background: #f5f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
}
.DashBoard iframe {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(25,25,41,0.06);
  border: none;
  width: 90vw;
  height: 80vh;
  min-width: 320px;
  min-height: 320px;
}
</style>